<template>
  <div>这是详情页面 - {{ id }} - <button @click="guess">猜你喜欢</button></div>
</template>

<script>
export default {
  props: ["id"],
  // data() {
  //   return {
  //     id: "",
  //   };
  // },
  // created() {
  //   // this.$route表示当前路由的路由信息
  //   console.log(this.$route);
  //   this.id = this.$route.params.id;
  // },
  methods: {
    guess() {
      this.$router.push("/detail/8");
    },
  },
  // watch: {
  //   $route(to) {
  //     // console.log(123);
  //     // console.log(this.$route.params.id);
  //     this.id = to.params.id;
  //   },
  // },
};
</script>

<style scoped></style>
